<template>
  <el-scrollbar :native="false" style="height: 100%">
    <div>
      <h1 class="title">
        <a>安化云学考</a>
      </h1>

      <el-row>
        <el-col :span="15" :offset="5">
          <p class="lineClass">本平台专为<B>山西省危化品经营单位</B>设计，集成在线授课、学习管理、考试评估等功能。特点如下:</p>
          <p class="lineClass">• 专业性：涵盖法律法规、操作规程、应急处置等内容。</p>
          <p class="lineClass"> • 互动性：支持在线授课、实时互动、资料共享。</p>
          <p class="lineClass"> • 智能化：智能推荐课程，多终端访问便捷。</p>
          <p class="lineClass">主要功能有在线授课、学习档案、在线考试、资料库。</p>
          <p class="lineClass">目标用户为山西省危化品经营单位的主要负责人和安管人员，旨在提升他们的安全管理水平，确保行业安全稳定。</p>
        </el-col>
      </el-row>

    </div>

  </el-scrollbar>
</template>

<script>
  export default {
    name: 'Dashboard',
    created () {
      // 调用父组件Main的展示系统公告方法
      this.$emit('showSystemNotice')
    },
  }
</script>

<style scoped lang="scss">
  div {
    animation: leftMoveIn .7s ease-in;
  }

  @keyframes leftMoveIn {
    0% {
      transform: translateX(-100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0%);
      opacity: 1;
    }
  }

  .title {
    text-align: center;
    font-size: 25px;
  }


  p {
    text-indent: 2em;
  }

  a {
    text-decoration: none
  }

  .lineClass{
    font-size: 48;
    line-height: 30px;
  }
</style>
